<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>美好家纺</title>
    <link rel="stylesheet" type="text/css" href="css/curren.css" />
    <link rel="stylesheet" href="css/hall.css">
    <link rel="stylesheet" href="css/hall-min.css" media="all and (max-width:770px)">
</head>

<body>
    <header class="container">
        <span><img src="images/index_07.png"></span>
        <ul>
            <li><a href="#">设为首页</a></li>
            <li><a href="#">加入收藏</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </header>

    <nav>
        <ul class="container">
            <li><a href="index.html">网站首页</a></li>
            <li><a href="index.html">公司简介</a></li>
            <li><a href="#">新闻动态</a></li>
            <li><a href="hall.html">产品展厅</a></li>
            <li><a href="#">招商加盟</a></li>
            <li><a href="#">诚聘英才</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </nav>

    <div class="banner">
        <span><img src="images/index_11.png"></span>
    </div>
    <div class="searchs">
        <ul class="container">
            <li>
                <p>产品搜索：</p>
            </li>
            <li><input type="search" name="" id="" autofocus="" placeholder="关键字" value="" /></li>
            <li><a href="#"><img src="images/list_15.png"></a></li>
        </ul>
    </div>

    <div class="container main">
        <div class="mainL ">
            <div class="mainLT">
                <h2>产品分类</h2>
                <ul>
                    <li><a href="#">床上用品</a></li>
                    <li><a href="#">窗帘</a></li>
                    <li><a href="#">家饰用品</a></li>
                    <li><a href="#">家具服饰</a></li>
                    <li><a href="#">其他</a></li>
                </ul>
            </div>
            <div class="mainLB">
                <h2>资讯搜索</h2>
                <div class="search">
                    <input type="search" name="" id="" autofocus="" placeholder="关键字" value="" />
                    <a href="#"><img src="images/list_15.png"></a>
                </div>
            </div>
        </div>
        <div class="mainR">
            <div class="Product">
                <h4>产品展厅</h4>
                <p>您现在的位置：<a href="shouye.html">首页</a>><a href="#">产品展厅</a></p>
            </div>
            <ul>
                <li><a href="news.html"><img src="images/7.jpg"></a><p>床上用品</p>
                </li>
                <li><a href="#"><img src="images/8.jpg"></a><p>沙发套装</p>
                </li>
                <li><a href="#"><img src="images/3.jpg"></a><p>家饰用品</p>
                </li>
                <li><a href="#"><img src="images/6.jpg"></a><p>沙发套装</p>
                </li>
                <li><a href="#"><img src="images/1.jpg"></a><p>沙发套装</p>
                </li>
                <li><a href="#"><img src="images/4.jpg"></a><p>沙发套装</p>
                </li>
                <li><a href="#"><img src="images/2.jpg"></a><p>沙发套装</p>
                </li>
                <li><a href="#"><img src="images/9.jpg"></a><p>床上用品</p>
                </li>
                <li><a href="#"><img src="images/5.jpg"></a><p>窗帘</p>
                </li>
            </ul>
            <div class="warp">
                <p>共2页 每页9条 页次1/2</p>
                <form action="" autocomplete="off">
                    <button type="button">首页</button>
                    <button type="button">上一页</button>
                    <button type="button">下一页</button>
                    <select name="">
                        <option value="1">1</option>
                        <option value="2">2</option>
                    </select>
                    <button type="button">尾页</button>
                </form>
            </div>
        </div>
    </div>

    <div class="end">
        <ul>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系方式</a></li>
            <li><a href="#">客户留言</a></li>
            <li><a href="#">加盟申请</a></li>
            <li><a href="#">诚聘英才</a></li>
            <li><a href="#">友情链接</a></li>
        </ul>
    </div>

    <footer class="container">
        <p>版权所有 Copyright（C）2005-2017 格莱科技</p>
    </footer>

</body>

</html>